<template>
  <div class="two">
    <h1>This is an two page</h1>
    <InventedList :items="items" :size="60" :shownumber="10"></InventedList>
  </div>
</template>

<script>
import InventedList from '../components/InventedList.vue'
const data = []
for (let i = 0; i < 10000; i++) {
  data.push({
    id: i + 1,
    content: `第 ${i + 1}条数据`
  })
}
export default {
  components: {
    InventedList
  },
  data () {
    return {
      items: data
    }
  }
  // computed: {
  //   // 要进行渲染的数据列表
  //   items () {
  //     // 自己模拟一万条数据，将其内容进行填充
  //     return Array(10000).fill('').map((item, index) => ({
  //       id: index,
  //       content: '列表项内容' + index
  //     }))
  //   }
  // }

}
</script>
